<template>
	<div>
		<div class='bg-content home-content' style='margin-right:20px;margin-bottom: 30px;'>
			<div class='title'>
				待处理订单
			</div>
			<el-row class='pro-orders'>
				<el-col :span='8' class='color-blue'>
					<div class='num' @click='$router.push("/order/new-list")'>{{newOrders || 0}}</div>
					<label @click='$router.push("/order/new-list")'>新订单</label>
				</el-col>
				<el-col :span='8' class='color-green'
					@click='$router.push("/order/empty-barrel")'>
					<div class='num' @click='$router.push("/order/empty-barrel")'>{{emptyBarrel || 0}}</div>
					<label @click='$router.push("/order/empty-barrel")'>空桶订单</label>
				</el-col>
				<el-col :span='8' class='color-orange'>
					<div class='num' @click='$router.push("/order/deposit")'>{{depositeOrders || 0}}</div>
					<label @click='$router.push("/order/deposit")'>押金订单</label>
				</el-col>
			</el-row>
		</div><Balance title='账户余额'
			:menuItem='balanceMenu'
			@withdraw='onWithdraw'
			ref='balance'>
		</Balance>
		<!-- <div class='bg-content new-content'>
			<div class='title'>
				新订单（{{newOrders}}条待处理）
			</div>
			<el-table :data='newList'
				class='newList'>
				<el-table-column 
					prop='orderWaterStoreId'
					label='订单号'
					width='240'></el-table-column>
				<el-table-column 
					label='日期'
					width='120'>
					<template scope='scope'>
						{{$$formatTime1(scope.row.requestTime)}}
					</template>
				</el-table-column>

				<el-table-column 
					prop='waterDeliverName' 
					label='送水工'
					width='120'></el-table-column>

				<el-table-column 
					prop='waterDeliverContact' 
					label='联系方式'
					width='120'></el-table-column>

				<el-table-column 
					label='商品信息'
					width='210'>
					<template scope='scope'>
						<span>{{scope.row.orderWaBuOrUsInfos[0].brand + scope.row.orderWaBuOrUsInfos[0].name}}</span>
						<span class='amount'>x{{scope.row.orderWaBuOrUsInfos[0].count}}</span>
					</template>
				</el-table-column>

				<el-table-column 
					label='总数'
					width='97'>
						<template scope='scope'>
							{{scope.row.count}}桶
						</template>
				</el-table-column>

				<el-table-column
					label='合计'
					width='140'>
						<template scope='scope'>
							￥{{scope.row.total}}
						</template>
				</el-table-column>

				<el-table-column 
					label='操作'
					width='140'>
					<template scope='scope'>
						<el-button type='text' @click='onReceiveOrder(scope.row.orderWaterStoreId)'>接收</el-button>
						<el-button type='text' class='color-red' @click='onRejectOrder(scope.row.orderWaterStoreId)'>拒绝</el-button>
					</template>
				</el-table-column>
			</el-table>
			<el-button type='primary' class='btn-more' @click='onMore'>
				更多<i class='el-icon-arrow-right'></i>
			</el-button>
		</div> -->

		<el-dialog :visible.sync='withdrawVisible'
			class='dialog-withdraw'
			title='提现到支付宝'
			style='text-align:center;'
			:modal='false'
			:before-close='closeWithdraw'>
			<withdraw ref='withdraw'></withdraw>
		</el-dialog>

		<el-dialog :visible.sync='tipsVisible'	
			title='提示'
			:modal='false'>
			<span>请在设置支付密码后进行提现操作</span>
			<span  slot='footer'>
				<el-button @click='tipsVisible=false'>暂不设置</el-button>
				<el-button type='primary' @click='$router.push("/account/modifyPwd/pay")'>立即设置</el-button>
			</span>
		</el-dialog>
	</div>
</template>

<script>
	import HomeJS from './Home.js';
	module.exports = HomeJS;
</script>

<style scoped lang='less'>
	@import url('Home.less');
</style>